<!DOCTYPE html>
<%@ include file="../common/tagincludes.jsp"%>

<html>
<head>
<meta charset="utf-8">

</head>

<body>

	<div>

		<sf:form id="basicForm" modelAttribute="appUser">
			<table width="100%" align="center">
				<tr>
					<td><label for="firstName">First name * </label>
					</td>
					<td><sf:input id="firstName" path="firstName" required="true"
							maxlength="30" />
					</td>
				</tr>
				<tr>
					<td><label for="lastName">Last name * </label>
					</td>
					<td><sf:input id="lastName" path="lastName" required="true"
							maxlength="30" />
					</td>
				</tr>
				<tr>
					<td><label for="userId">User id * </label>
					</td>
					<td><sf:input type="email" id="userId" path="userId"
							required="true" maxlength="30" />
					</td>
				</tr>
				<tr>
					<td><label for="password">Password * </label>
					</td>
					<td><sf:password id="password" path="password"
							value="deiveehan" required="true" minlength="8" maxlength="30" />
					</td>
				</tr>
				<tr>
					<td><label for="check">Enter password again * </label>
					</td>
					<td><input type="password" name="check" id="check"
						required="true" value="deiveehan" minlength="8" maxlength="30"
						data-equals="password"></input>
					</td>
				</tr>
				<tr>
					<td colspan=2 align="center">
						<button type="submit" id="butSaveUserDetails">Submit
							button</button>
						<button type="reset" id="resetButton">Reset</button> <!--<input type="button" name="butSaveUserDetails"
					id="butSaveUserDetails" value="Save User Details"><input type="reset" value="Reset"> </input></td>-->
						<!-- <td colspan=2 align="center"><button class="button glossy xs" name="butSaveUserDetails" id="butSaveUserDetails">Save</button> <button type="reset" class="button glossy xs">Reset</button></td>  -->
				</tr>
			</table>
			<sf:hidden id="txtAppUserId" path="id" />
		</sf:form>
	</div>
	<script type="text/javascript" src="app/user/userEdit.js"></script>

	<script type="text/javascript">
		application.showHeading("User Profile information");
	</script>
</body>
</html>